<!doctype html>


<head>
<meta charset="utf-8">
<title>Tasty - Recipes, Food Website and Blog Template - Responsive, Html5, CSS3, jquery </title>
<meta name="description" content="Recipes Template, Food Template Recipes Blog Template, cooking, Food, chef, Responsive Template, html5 Template, html5, css3, jquery, responsive">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="js/html5.js"></script>
<link href='http://fonts.googleapis.com/css?family=Noticia+Text:400,400italic,700,700italic|Crete+Round:400,400italic|Lobster|Lobster+Two:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css">
<link id="color" rel="stylesheet" href="css/color1.css">
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="css/mediaelementplayer.min.css" />
<link href="colorbox/colorbox.html" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<!--Header Part Start-->
<header id="header" class="clearfix">
  <div class="headerstrip"><div class="spiral"></div></div>
  
  <div class="container clearfix">
    <a href="index-2.html" id="logo">
      <img src="images/logo.png" alt="Tasty Delicious Recipes">
    </a>
    <nav id="topnav">
      <ul>
        <li>
          <a  href="index-2.html" data-description="Main Start page">Home</a>
        </li>
        <li class="active">
          <a  href="index-2.html" data-description="Main Start page">Recipe Pages</a>
          <ul>
           <li><a href="receipelist.html">Recent Recipes List </a>
            </li>
            <li><a href="receipegrid.html">Recent Recipes Grid </a>
            </li>           
            <li><a href="receipelist2column.html">Recent Recipes 2 Column </a>
            </li>
            <li><a href="receipedetails.html">Recent Detail page </a>
            </li>
           
            <li><a href="author.html">Author page </a>
            </li>
          </ul>
           </li>
        <li>
          <a href="element-shortcodes.html" data-description="Features of theme">Features</a>
          <ul>
            <li><a href="typography.html">Typography</a>
            </li>
            <li class="submenu"><a href="columns.html">Layout</a>
              <ul>
                <li><a href="columns.html">Columns</a>
                </li>
                <li><a href="sitemap.html">Sitemap</a>
                </li>
                <li><a href="404.html">404</a>
                </li>
              </ul>
            </li>
            <li><a href="element-shortcodes.html">Shortcodes</a>
            </li>
          </ul>
        </li>
        <li>
          <a href="blog-list.html" data-description="Our Thought">Blog</a>
          <ul>
            <li><a href="blog-list.html">Blog list</a>
            </li>
            <li><a href="blog-single-gallery.html">Blog Single Gallery</a>
            </li>
            <li><a href="blog-single-image.html">Blog Single Image</a>
            </li>
            <li><a href="blog-single-slider.html">Blog Single Slider</a>
            </li>
          </ul>
        </li>
        <li>
          <a href="contact-us.html" data-description="Send enquiry here">Contact</a>
        </li>
      </ul>
    </nav>
  </div>
</header>
<!--Header Part End-->

<!--Middle Part Start-->
<section  class="container clearfix" id="maincontainer">
  <h1 class="heading1">Authors <span>Page</span>
  </h1>
  <!--leftpart-->
  <section id="team" class="container clearfix borderbottom">
    <ul class="team">
      <li class="widthcolumn4">
        <h3 class="membername">Mr. Lorem Ipsum</h3>
        <span>California, U.S.A</span>
        <img src="images/ourteamimg.jpg" alt="" title="">
        <div class="social">
          <a class="facebook" title="Facebook" href="#">Facebook</a>
          <a class="twitter" title="Twitter" href="#">Twitter</a>
          <a class="message" title="message" href="#">message</a>
          <a class="blooger" title="Blogger" href="#">Blogger</a>
          <a class="googleplus" title="Googleplus" href="#">Googleplus</a>
          <a class="skype" title="Skype" href="#">Skype</a>
        </div>
      </li>
      <li class="widthcolumn4">
        <h3 class="membername">Mr. Lorem Ipsum</h3>
        <span>California, U.S.A</span>
        <img src="images/ourteamimg.jpg" alt="" title="">
        <div class="social">
          <a class="facebook" title="Facebook" href="#">Facebook</a>
          <a class="twitter" title="Twitter" href="#">Twitter</a>
          <a class="message" title="message" href="#">message</a>
          <a class="blooger" title="Blogger" href="#">Blogger</a>
          <a class="googleplus" title="Googleplus" href="#">Googleplus</a>
          <a class="skype" title="Skype" href="#">Skype</a>
        </div>
      </li>
      <li class="widthcolumn4">
        <h3 class="membername">Mr. Lorem Ipsum</h3>
        <span>California, U.S.A</span>
        <img src="images/ourteamimg.jpg" alt="" title="">
        <div class="social">
          <a class="facebook" title="Facebook" href="#">Facebook</a>
          <a class="twitter" title="Twitter" href="#">Twitter</a>
          <a class="message" title="message" href="#">message</a>
          <a class="blooger" title="Blogger" href="#">Blogger</a>
          <a class="googleplus" title="Googleplus" href="#">Googleplus</a>
          <a class="skype" title="Skype" href="#">Skype</a>
        </div>
      </li>
      <li class="widthcolumn4 last">
        <h3 class="membername">Mr. Lorem Ipsum</h3>
        <span>California, U.S.A</span>
        <img src="images/ourteamimg.jpg" alt="" title="">
        <div class="social">
          <a class="facebook" title="Facebook" href="#">Facebook</a>
          <a class="twitter" title="Twitter" href="#">Twitter</a>
          <a class="message" title="message" href="#">message</a>
          <a class="blooger" title="Blogger" href="#">Blogger</a>
          <a class="googleplus" title="Googleplus" href="#">Googleplus</a>
          <a class="skype" title="Skype" href="#">Skype</a>
        </div>
      </li>
      <li class="widthcolumn4">
        <h3 class="membername">Mr. Lorem Ipsum</h3>
        <span>California, U.S.A</span>
        <img src="images/ourteamimg.jpg" alt="" title="">
        <div class="social">
          <a class="facebook" title="Facebook" href="#">Facebook</a>
          <a class="twitter" title="Twitter" href="#">Twitter</a>
          <a class="message" title="message" href="#">message</a>
          <a class="blooger" title="Blogger" href="#">Blogger</a>
          <a class="googleplus" title="Googleplus" href="#">Googleplus</a>
          <a class="skype" title="Skype" href="#">Skype</a>
        </div>
      </li>
      <li class="widthcolumn4">
        <h3 class="membername">Mr. Lorem Ipsum</h3>
        <span>California, U.S.A</span>
        <img src="images/ourteamimg.jpg" alt="" title="">
        <div class="social">
          <a class="facebook" title="Facebook" href="#">Facebook</a>
          <a class="twitter" title="Twitter" href="#">Twitter</a>
          <a class="message" title="message" href="#">message</a>
          <a class="blooger" title="Blogger" href="#">Blogger</a>
          <a class="googleplus" title="Googleplus" href="#">Googleplus</a>
          <a class="skype" title="Skype" href="#">Skype</a>
        </div>
      </li>
      <li class="widthcolumn4">
        <h3 class="membername">Mr. Lorem Ipsum</h3>
        <span>California, U.S.A</span>
        <img src="images/ourteamimg.jpg" alt="" title="">
        <div class="social">
          <a class="facebook" title="Facebook" href="#">Facebook</a>
          <a class="twitter" title="Twitter" href="#">Twitter</a>
          <a class="message" title="message" href="#">message</a>
          <a class="blooger" title="Blogger" href="#">Blogger</a>
          <a class="googleplus" title="Googleplus" href="#">Googleplus</a>
          <a class="skype" title="Skype" href="#">Skype</a>
        </div>
      </li>
      <li class="widthcolumn4 last">
        <h3 class="membername">Mr. Lorem Ipsum</h3>
        <span>California, U.S.A</span>
        <img src="images/ourteamimg.jpg" alt="" title="">
        <div class="social">
          <a class="facebook" title="Facebook" href="#">Facebook</a>
          <a class="twitter" title="Twitter" href="#">Twitter</a>
          <a class="message" title="message" href="#">message</a>
          <a class="blooger" title="Blogger" href="#">Blogger</a>
          <a class="googleplus" title="Googleplus" href="#">Googleplus</a>
          <a class="skype" title="Skype" href="#">Skype</a>
        </div>
      </li>
    </ul>
  </section>
  <!--Sidebar start-->
  
  <!--Sidebar end-->
</section>
<!--Middle container End-->

<!--Latest frob blog Start-->
<section id="lastestfromblog" class="container clearfix">
  <h2 class="titles">Latest From <span>Blog</span></h2>
  <div class="es-carousel-wrapper clearfix">
    <div class="es-carousel">
      <ul>
        <li>
          <a href="recipedetails.html">
            <img src="images/bigimg1.jpg" alt="" title="">
          </a>
          <a href="recipedetails.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
        <li>
          <a href="blog-list.html">
            <img src="images/bigimg2.jpg" alt="" title="">
          </a>
          <a href="blog-list.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
        <li>
          <a href="blog-list.html">
            <img src="images/bigimg3.jpg" alt="" title="">
          </a>
          <a href="blog-list.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
        <li>
          <a href="blog-list.html">
            <img src="images/bigimg1.jpg" alt="" title="">
          </a>
          <a href="blog-list.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
        <li>
          <a href="blog-list.html">
            <img src="images/bigimg2.jpg" alt="" title="">
          </a>
          <a href="blog-list.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
        <li>
          <a href="blog-list.html">
            <img src="images/bigimg3.jpg" alt="" title="">
          </a>
          <a href="blog-list.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
        <li>
          <a href="blog-list.html">
            <img src="images/bigimg1.jpg" alt="" title="">
          </a>
          <a href="blog-list.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
        <li>
          <a href="blog-list.html">
            <img src="images/bigimg2.jpg" alt="" title="">
          </a>
          <a href="blog-list.html">
            <h3> Blog Content</h3>
          </a>
          <span class="deatils">Lorem Ipsum is simply dummy text of the printing. <b>by admin</b></span>
          <span class="date">April 24<br>
          2012</span>
          <span class="comment">22 post<br>
          Comments</span>
        </li>
      </ul>
    </div>
  </div>
</section>
<!--Latest frob blog End-->
<!--Middle Part End-->
<!--Footer Start-->
<footer id="footer" class="clearfix">
  <div class="footerbg clearfix">
    <ul class="footersection container">
      <li class="testimonial">
        <h4>Testimonial</h4>
        <p class="testi">
          "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took
        </p>
    
        <span>Mr. Lorem Ipsum <br>
        C.E.O.</span>
      </li>
      <li class="links">
        <h4>Categories</h4>
        <ul>
          <li>
            <a  href="recipedetails.html">Spicy Food Special</a>
          </li>
          <li>
            <a href="recipedetails.html">Rice</a>
          </li>
          <li>
            <a href="recipedetails.html">Snacks</a>
          </li>
          <li>
            <a href="recipedetails.html">Spicy Sea Food</a>
          </li>
          <li>
            <a href="recipedetails.html"> Tasty Special Food</a>
          </li>
        </ul>
      </li>
      <li class="twiitersection">
        <h4>Twitter</h4>
        <div id="twitter">
        </div>
      </li>
      <li class="flickrsection">
        <h4>Flickr</h4>
        <div id="flickr">
          <ul id="cbox" class="thumbs">
          </ul>
        </div>
      </li>
    </ul>
  </div>
  
  <!--Social links Start-->
  <section id="social" class="container">
    <div class="leftline">@2012 All images & icons are copyright to their owners.</div>
    <div id="footersocial">
      <a class="facebook" title="Facebook" href="#">Facebook</a>
      <a class="twitter" title="Twitter" href="#">Twitter</a>
      <a class="linkedin" title="Linkedin" href="#">Linkedin</a>
      <a class="blooger" title="Blogger" href="#">Blogger</a>
      <a class="rss" title="rss" href="#">rss</a>
      <a class="dig" title="Dig" href="#">Dig</a>
      <a class="googleplus" title="Googleplus" href="#">Googleplus</a>
      <a class="skype" title="Skype" href="#">Skype</a>
      <a class="flickr" title="Flickr" href="#">Flickr</a>
    </div>
  </section>
  <!--Social links End-->
  <!--Go to Top-->
  <a title="Go Top" id="gotop" href="#">&nbsp;</a>
</footer>
<!--Footer End-->

<!--Javascripts-->
<script src="js/jquery-latest.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script src="js/mediaelement-and-player.min.js"></script>
<script  type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="js/jquery.elastislide.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script><script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script  type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/jquery.gmap.js"></script>
<script src="js/jflickrfeed.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>